<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>核心科技 - Movemaster Pro</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#A8DE13',
secondary: '#00D1FF'
},
borderRadius: {
'none': '0px',
'sm': '2px',
DEFAULT: '4px',
'md': '8px',
'lg': '12px',
'xl': '16px',
'2xl': '20px',
'3xl': '24px',
'full': '9999px',
'button': '4px'
}
}
}
}
</script>
<style>
body {
min-height: 1024px;
}
</style>
</head>
<body class="bg-gray-900 text-white">
    <header class="fixed w-full bg-gray-800 shadow-sm z-50">
        <nav class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
            <div class="flex items-center">
            <a href="Home.html" class="text-2xl font-['Pacifico'] text-primary">
                <img style="width:197px;height:40px" src="./imgs/logo.png" alt="">
            </a>
            <div class="hidden md:flex items-center ml-16 space-x-8">
            <a href="Home.html" class="nav-link text-gray-300 hover:text-primary">Home</a>
            <a href="Products.html" class="nav-link text-gray-300 hover:text-primary">Products</a>
            <a href="#" class="text-primary nav-link text-gray-300 hover:text-primary">Technology</a>
            <a href="case.html" class="nav-link text-gray-300 hover:text-primary">Case Studies</a>
            </div>
            </div>
            <div class="flex items-center space-x-6">
                <a href="ContactUs.html">
                    <button class="!rounded-button bg-primary text-black px-6 py-2 hover:bg-secondary transition-colors whitespace-nowrap">Contact Us</button>
                </a>
            </div>
            </div>
            </nav>
    </header>
    
<div class="pt-16 max-w-[1440px] mx-auto px-8">
<div class="py-16 text-center">
<h1 class="text-4xl font-bold mb-4">Core Technology</h1>
<p class="text-gray-400 max-w-2xl mx-auto">Providing professional athletic performance optimization solutions through advanced sensing technology, intelligent algorithms, and data analysis</p>
</div>
<div class="grid grid-cols-1 gap-16 mb-16">
<div class="flex items-center gap-12">
<div class="w-1/2">
<div class="h-[400px] overflow-hidden rounded-lg">
<img src="./imgs/tech1.png" class="w-full h-full object-cover" alt="压力传感技术">
</div>
</div>
<div class="w-1/2">
<h2 class="text-3xl font-bold mb-6">Advanced Pressure Sensing Technology</h2>
<p class="text-gray-400 leading-relaxed">Movemaster Pro smart insoles are equipped with high-precision, highly sensitive pressure sensors that accurately measure pressure distribution across different areas of the foot. These sensors utilize advanced printed ink technology, offering excellent flexibility and durability, adapting to insole bending and deformation while ensuring stability and accuracy during various physical activities. Through real-time monitoring of foot pressure changes, users receive detailed gait analysis and movement pattern data.</p>
</div>
</div>
<div class="flex items-center gap-12 flex-row-reverse">
<div class="w-1/2">
<div class="h-[400px] overflow-hidden rounded-lg">
<img src="./imgs/tech2.png" class="w-full h-full object-cover" alt="无线数据传输">
</div>
</div>
<div class="w-1/2">
<h2 class="text-3xl font-bold mb-6">High-Performance Wireless Data Transmission</h2>
<p class="text-gray-400 leading-relaxed">Using advanced wireless transmission technology, Movemaster Pro quickly and reliably transfers sensor-collected data to users' smartphones or computers. This technology ensures real-time data integrity, allowing users to view and analyze their movement data through the app anytime, anywhere, without complex wiring or data cables, providing great convenience and freedom.</p>
</div>
</div>
<div class="flex items-center gap-12">
<div class="w-1/2">
<div class="h-[400px] overflow-hidden rounded-lg">
<img src="./imgs/tech3.png" class="w-full h-full object-cover" alt="人工智能算法">
</div>
</div>
<div class="w-1/2">
<h2 class="text-3xl font-bold mb-6">Powerful Artificial Intelligence Algorithm</h2>
<p class="text-gray-400 leading-relaxed">Based on deep learning and machine learning technologies, Movemaster Pro's AI algorithms analyze and process vast amounts of biomechanical data. Through training on data models from diverse user groups, the algorithm can identify various movement patterns and potential issues, such as incorrect gait or unbalanced pressure distribution, and provide personalized exercise recommendations and training plans.</p>
</div>
</div>
<div class="flex items-center gap-12 flex-row-reverse">
<div class="w-1/2">
<div class="h-[400px] overflow-hidden rounded-lg">
<img src="./imgs/tech4.png" class="w-full h-full object-cover" alt="应用程序设计">
</div>
</div>
<div class="w-1/2">
<h2 class="text-3xl font-bold mb-6">User-Friendly Application Design</h2>
<p class="text-gray-400 leading-relaxed">Movemaster Pro features an intuitive, easy-to-use application interface where users can easily view, analyze, and configure their data. The app offers comprehensive functional modules, including real-time data monitoring, historical data queries, personalized report generation, and training plan development. Through elegant data visualization design, users can clearly understand their exercise patterns and progress trends.</p>
</div>
</div>
<div class="flex items-center gap-12">
<div class="w-1/2">
<div class="h-[400px] overflow-hidden rounded-lg">
<img src="./imgs/tech5.png" class="w-full h-full object-cover" alt="硬件设计">
</div>
</div>
<div class="w-1/2">
<h2 class="text-3xl font-bold mb-6">Comfortable and Durable Hardware Design</h2>
<p class="text-gray-400 leading-relaxed">In terms of hardware design, Movemaster Pro emphasizes comfort and durability. The insoles use high-quality materials with excellent breathability and moisture-wicking properties, ensuring feet stay dry and comfortable during extended use. Additionally, the insole's structure follows ergonomic principles, adapting to different foot shapes and shoe types while providing stable support and a perfect fit.</p>
</div>
</div>
</div>
<div class="text-center pb-16">
    <a href="ContactUs.html">
        <button class="!rounded-button bg-primary text-black px-8 py-3 text-lg hover:bg-secondary transition-colors whitespace-nowrap">Contact Us</button>
    </a>
</div>
</div>
<footer class="bg-gray-900 text-white py-12">
    <div class="container mx-auto px-6">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
    <div>
    <h3 class="text-xl font-bold mb-4">About Us</h3>
    <p class="text-gray-400">Movemaster Pro is committed to providing professional sports health solutions, enabling technology to support healthy living.</p>
    </div>
    <div>
    <h3 class="text-xl font-bold mb-4">Quick Links</h3>
    <ul class="space-y-2">
    <li><a href="Home.html" class="text-gray-400 hover:text-white">Home</a></li>
    <li><a href="Products.html" class="text-gray-400 hover:text-white">Products</a></li>
    <li><a href="#" class="text-gray-400 hover:text-white">Technical</a></li>
    <li><a href="ContactUs.html" class="text-gray-400 hover:text-white">Contact Us</a></li>
    </ul>
    </div>
    <div>
    <h3 class="text-xl font-bold mb-4">Contact Information</h3>
    <ul class="space-y-2">
    <li class="text-gray-400">Phone: 400-888-8888</li>
    <li class="text-gray-400">Email: support@movemaster.com</li>
    </ul>
    </div>
    <div>
    <h3 class="text-xl font-bold mb-4">Follow Us</h3>
    <div class="flex space-x-4">
    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
    <i class="fab fa-weixin text-white"></i>
    </a>
    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
    <i class="fab fa-weibo text-white"></i>
    </a>
    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors">
    <i class="fab fa-linkedin text-white"></i>
    </a>
    </div>
    </div>
    </div>
    <div class="border-t border-gray-800 mt-12 pt-8 text-center">
    <p class="text-gray-400">&copy; 2024 Movemaster Pro. All rights reserved.</p>
    </div>
    </div>
    </footer>
</body>
</html>
